<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="ccs/banner/layui.css" th:href="@{/css/banner/layui.css?v=3.3.6}">
    <link rel="stylesheet" type="text/css" href="css/banner/common.css" th:href="@{/css/banner/common.css?v=3.3.6}"/>
    <link rel="stylesheet" type="text/css" href="css/banner/index.css" th:href="@{/css/banner/index.css?v=3.3.6}"/>
</head>

<body>
<div class="layui-card headerBox">
    <div class="layui-card-body com-flex">
        <div class="infoBox com-flex">
            <img th:src="@{/img/banner/icon1.png}"/>
            <div class="info">
                <p class="info-text">总投入</p>
                <p class="info-num">800头</p>
            </div>
            <div class="info">
                <p class="info-text">在栏</p>
                <p class="info-num">780头</p>
            </div>
            <div class="info">
                <p class="info-text">耗损</p>
                <p class="info-num">20头</p>
            </div>
        </div>
        <div class="infoBox com-flex">
            <img th:src="@{/img/banner/icon2.png}"/>
            <div class="info">
                <p class="info-text">检疫</p>
                <p class="info-num">200次</p>
            </div>
        </div>
        <div class="infoBox com-flex">
            <img th:src="@{/img/banner/icon3.png}"/>
            <div class="info">
                <p class="info-text">日常检查</p>
                <p class="info-num">250次</p>
            </div>
        </div>
        <div class="infoBox com-flex">
            <img th:src="@{/img/banner/icon4.png}"/>
            <div class="info">
                <p class="info-text">销售订单</p>
                <p class="info-num">200笔</p>
            </div>
        </div>
    </div>
</div>

<div class="chartBox com-flex">
    <div class="layui-card">
        <div class="layui-card-body chartItem" id="chart1"></div>
    </div>
    <div class="layui-card">
        <div class="layui-card-body chartItem" id="chart2"></div>
    </div>
</div>

<script src="js/banner/layui.js" th:src="@{/js/banner/layui.js}" type="text/javascript" charset="utf-8"></script>
<script src="js/banner/echarts.common.min.js" th:src="@{/js/banner/echarts.common.min.js}" type="text/javascript"
        charset="utf-8"></script>
<script src="js/banner/index.js" th:src="@{/js/banner/index.js}" type="text/javascript" charset="utf-8"></script>
</body>

</html>
